import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import Exam from '../views/Exam.vue'
import Find from '../views/Find.vue'
import Personage from '../views/Personage.vue'
import Kemu from '../views/Kemu.vue'

import Warning2 from '../views/Warning2.vue'
import Injunction from '../views/Injunction.vue'
import Instructions3 from '../views/Instructions3.vue'
import Showtheway4 from '../views/Showtheway4.vue'


import Zhuce from '../views/Zhuce.vue'
import Denglu from '../views/Denglu.vue'


import Shoucang from '../views/Shoucang.vue'
import Ti from '../views/Ti.vue'


import header from '../components/myHeader'
import tabbar from '../components/myTabbar'

Vue.component('my-header',header)
Vue.component('my-tabbar',tabbar)
Vue.use(VueRouter)

const routes = [
  {
    path:'/ti',
    component:Ti
  },{
    path:'/shoucang',
    component:Shoucang
  }
  ,{
    path:'/denglu',
    component:Denglu
  }
  ,{
    path:'/username',
    component:Zhuce
  },{
    path:'/showtheway4',
    component:Showtheway4
  },
  {
    path:'/instructions3',
    component:Instructions3
  },
  {
    path: '/injunction',
    component: Injunction
  },
  {
    path: '/warning2',
    component: Warning2
  },
  {
    path: '/kemu',
    component: Kemu
  },
  {
    path: '/',
    name: '驾考宝典',
    component: Home
  },
  {
    path: '/exam',
    name: '考试',
    component: Exam
  },
  {
    path: '/find',
    name:'发现',
    component:Find
  },
  {
    path:'/personage',
    name:'个人中心',
    component:Personage
  } // {
  //   path: '/about',
  //   name: 'About',
  //   // route level code-splitting
  //   // this generates a separate chunk (about.[hash].js) for this route
  //   // which is lazy-loaded when the route is visited.
  //   component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  // }
]

const router = new VueRouter({
  routes
})

export default router
